<div id="demoDiv" class="scroll plist" style="overflow:hidden;white-space:nowrap;">
{pc:content  action="position" posid="9" thumb="1" order="listorder DESC" num="6"}
	<span id="picBox1">
	{loop $data $r}
		<a href="{$r[url]}" target="_blank">
			<img src="{thumb($r[thumb],155,0)}" title="{$r[title]}" border="0"/>
			<label href="{$r[url]}" target="_blank">{str_cut($r[title],30,'')}</label>
		</a>
	{/loop}
	</span><span id="picBox2"></span>
{/pc}
</div>
<script language="JavaScript">
var speed = 20;
demo = document.getElementById('demoDiv');
demo1 = document.getElementById('picBox1');
demo2 = document.getElementById('picBox2');
demo.scrollLeft = 0;
demo2.innerHTML = demo1.innerHTML
function Marquee(){
	if(demo.scrollLeft >= demo1.offsetWidth)
	  demo.scrollLeft -= demo1.offsetWidth;
	else demo.scrollLeft += 1;
}
var _MyMar = setInterval(Marquee, speed)
demo.onmouseover = function() { clearInterval(_MyMar) }
demo.onmouseout = function() { _MyMar = setInterval(Marquee, speed) }
</script>
